<template>
  <div>
    <h2>审批流程</h2>
    <el-timeline>
      <el-timeline-item v-for="item in timelineItems" :key="item.id"
                        :timestamp="item.timestamp "
                        placement="bottom"
                        type="primary"
                        :icon="item.icon"
                        :color="item.color"
                        size="large"
      >
        <h4>{{ item.content }}</h4>
        <div v-html="item.info"></div>
      </el-timeline-item>
    </el-timeline>
  </div>
</template>

<script>
export default {
  props: {
    timelineItems: {
      type: Array,
    }
  },
  name: "TimelineComponent",
  data() {
    return {};
  }
};
</script>
